<!-- 推荐群组 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-users"></i> 推荐群组</h3>
        <a href="#" class="see-all">更多</a>
    </div>

    <div class="groups">
        <div class="group-item">
            <img src="https://picsum.photos/id/20/48/48" alt="前端开发者联盟" class="group-icon">
            <div class="group-details">
                <p class="group-name">前端开发者联盟</p>
                <p class="group-meta">12.5k 成员 · 今日新帖 32</p>
            </div>
        </div>

        <div class="group-item">
            <img src="https://picsum.photos/id/21/48/48" alt="UI/UX设计交流群" class="group-icon">
            <div class="group-details">
                <p class="group-name">UI/UX设计交流群</p>
                <p class="group-meta">8.7k 成员 · 今日新帖 18</p>
            </div>
        </div>

        <div class="group-item">
            <img src="https://picsum.photos/id/22/48/48" alt="全栈技术分享圈" class="group-icon">
            <div class="group-details">
                <p class="group-name">全栈技术分享圈</p>
                <p class="group-meta">9.3k 成员 · 今日新帖 25</p>
            </div>
        </div>
    </div>
</div>
